.ghost,
.primary-ghost,
.secondary-ghost,
.success-ghost,
.warning-ghost,
.danger-ghost,
.important-ghost,
.special-ghost {
  @apply -skin;
  --tw-ring-opacity: 0;
  --tw-bg-opacity: 0;
  --skin-text: var(--skin-color, inherit);
  --skin-bg: transparent;
  --skin-ring: transparent;

  --skin-color: rgba(var(--skin-ghost-rgb), 1);
  --state-color: rgba(var(--skin-ghost-rgb), .1);
}
.ghost {
  --skin-ghost-rgb: var(--color-fore-rgb);
  --skin-text: inherit;
}
.primary-ghost {
  --skin-ghost-rgb: var(--color-primary-500-rgb);
}
.secondary-ghost {
  --skin-ghost-rgb: var(--color-secondary-500-rgb);
}
.success-ghost {
  --skin-ghost-rgb: var(--color-success-500-rgb);
}
.warning-ghost {
  --skin-ghost-rgb: var(--color-warning-500-rgb);
}
.danger-ghost {
  --skin-ghost-rgb: var(--color-danger-500-rgb);
}
.important-ghost {
  --skin-ghost-rgb: var(--color-important-500-rgb);
}
.special-ghost {
  --skin-ghost-rgb: var(--color-special-500-rgb);
}
